<template>
    <div class="panel-heading">
        <div class="title">
            {{ props.route.meta.name }}
        </div>
        <p class="description">{{ props.route.meta.describe }}</p>
    </div>
</template>

<script setup>
// defineProps(['title','description'])
const props = defineProps({
    route:{
        type: Object
    }
})
</script>

<style lang="less" scoped>
.panel-heading{
    padding: 10px;
    // margin-bottom: 10px;
    background-color: #eee;
    border-radius: 10px;

    .title{
        font-size: 18px;
        font-weight: bold;
        color: #333;
    }

    .description{
        margin: 10px 0;
        color: #666;
        font-size: 14px;
    }
}
</style>